// pages/suggest/detail.js
import {
    member
} from '../../api/apiData'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        info: '',
        content: '',
        fileList: [],
        fileList2: [],
        feedback_id: ''
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.setData({
            feedback_id: options.id
        })
        this.getInfo()
    },
     // 图片预览
     toPre(e){
        let that = this
        let images = e.currentTarget.dataset.item
        let current = e.currentTarget.dataset.src
        let arr = []
        images.forEach(item=>{
            arr.push(item.url)
        })
        wx.previewImage({
            current: current, // 当前显示图片的http链接
            urls: arr // 需要预览的图片http链接列表
          })
    },
    getInfo() {
        member.feedbackDetail({
            feedback_id: this.data.feedback_id
        }, res => {
            this.setData({
                info: res.data
            })
        })
    },
    // 上传图片
    afterRead(event) {
        let that = this
        const {
            file
        } = event.detail;
        console.log(file)
        file.forEach(item => {
            wx.showLoading({
                title: "请稍等...",
            })
            wx.uploadFile({
                url: 'https://dxjb.ncscloudmedia.com/index.php/api/upload/file', // 仅为示例，非真实的接口地址
                filePath: item.path,
                name: 'file',
                formData: {
                    user: 'test'
                },
                success(res) {
                    console.log(res)
                    wx.hideLoading();

                    const {
                        fileList = [],
                            fileList2 = []
                    } = that.data;
                    fileList.push({
                        url: JSON.parse(res.data).data.url
                    });
                    fileList2.push(JSON.parse(res.data).data.path)
                    console.log(fileList2)
                    that.setData({
                        fileList,
                        fileList2,
                    });
                },
                fail: function (res) {
                    wx.hideLoading();

                }, //接口调用失败的回调函数
            });
        })

    },
    deleteImg(event) {
        let index = event.detail.index
        let arr = this.data.fileList
        let arr2 = this.data.fileList2
        arr.splice(index, 1)
        arr2.splice(index, 1)
        this.setData({
            fileList: arr,
            fileList2: arr2
        })
    },
    setValue(e) {
        var val = e.detail.value
        this.setData({
            content: val
        })
    },
    toSubmit() {
        let obj = {
            feedback_id: this.data.feedback_id,
            content: this.data.content,
            files: this.data.fileList2.toString(),
        }
        let that = this
        wx.showModal({
            title: '提示',
            content: '你确定要提交吗？',
            showCancel: true, //是否显示取消按钮
            cancelText: "否", //默认是“取消”
            // cancelColor:'skyblue',//取消文字的颜色
            confirmText: "是", //默认是“确定”
            // confirmColor: 'skyblue',//确定文字的颜色
            success: function (res) {
                if (res.cancel) {
                    //点击取消,默认隐藏弹框

                } else {
                    //点击确定
                    member.feedbackReply(obj, res => {
                        if (res.code == 1) {
                            wx.showToast({
                                title: res.msg,
                            })
                            setTimeout(() => {
                                that.getInfo()
                            }, 500)
                        } else {
                            wx.showToast({
                                title: res.msg,
                                icon: 'error'
                            })
                        }
                    })
                }
            },
            fail: function (res) {}, //接口调用失败的回调函数
            complete: function (res) {}, //接口调用结束的回调函数（调用成功、失败都会执行）
        })
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})